<template>
  <div class="we">
    <el-container>
      <header>
        <div>
          <el-page-header @back="goBack" content="我 们 "></el-page-header>
        </div>
        <div>
          <el-button><router-link to="/contact">联系我们</router-link></el-button>
          <el-button> <router-link to="/about">关于我们</router-link></el-button>
          <el-button><router-link to="/feedback">意见反馈</router-link></el-button>
        </div>
      </header>
      <el-main><router-view /></el-main>
      <el-footer style="height: 30px" class="hidden-sm-and-down">
        <el-row class="footer-t" :gutter="24">
          <el-col>
            Copyright © 2021. All rights
            <router-link to="/about" style="color: blue">鲤鱼科技</router-link> .
          </el-col>
        </el-row>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      this.$router.push("/home");
    },
  },
};
</script>

<style lang="scss" scoped>
.we {
  height: 100vh;
  background: #cfd0d170;
  header {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #fff;
  }
}
</style>
